.bg-nav-blue{
  background: var(--blue-color);
}
@media screen and (max-width: 720px) {
  #datalh {width: 170%; margin-left: -35%;}
}
@media screen and (min-width: 1100px){
  .homenavbar-nav >.nav-link,
  .homenavbar-nav .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
  }  
  .homenavbar-nav .nav-item .nav-link {
    width: 100%;
  }
}
.navbar-brand:hover,
.homenavbar-nav .nav-item:hover{
  background-color: var(--deep-blue-color);
}
.navbar{
  line-height: 2.5rem;
}
.suiwbigtt a,
.suiwbigtt a:hover,
.suiwertt a,
.suiwertt a:hover{
  color: var(--blue-color);
}
.ldzjlink a,
.ldzjlink a:hover{
  color: var(--white-color);
}
.swipergdtt a:hover{
  text-decoration: underline;
}
.swipergdtt .swiper-slide{
  width: auto;
}
.swipergdtt .swiper-wrapper {
    transition-timing-function: linear !important;
}
.ztSwiper,
.hdSwiper{
  width: 100%;
  height: 100%;
}
.hdSwiper{
  border-radius: 0.375rem;
}
.ztSwiper .swiper-slide,
.hdSwiper .swiper-slide{
  width: 100%;
  text-align: center;
  font-size: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ztSwiper .swiper-slide a,
.hdSwiper .swiper-slide a{
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: var(--white-color);
}
.ztSwiper .swiper-slide img,
.hdSwiper .swiper-slide img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.hdSwiper .swiper-slide span{
  line-height: 5rem;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  height: 5rem;
  font-size: 1.375rem;
  font-weight: 500; 
  text-align:center;
  border-radius: 0 0 0.375rem 0.375rem;
}
@media screen and (max-width:768px) {
  .hdSwiper .swiper-slide span{
    line-height: 3rem;
    height: 3rem;
  }
}
.hdSwiper .swiper-pagination{
  color: var(--white-color);
  position: absolute;
  bottom:0;
  left:0;
  font-weight: 500; 
  line-height: 5rem;
  text-align: center;
  width: 8%;
}
.hdSwiper .swiper-button-next,
.hdSwiper .swiper-button-prev{
  color: var(--white-color);
}
.hdSwiper .swiper-pagination-current{
  color: var(--red-color);
  font-size: 1.375rem;
}
@media screen and (min-width:1200px) {
  .hdSwiper .swiper-slide{
    height: 34.6875rem;
  }
}
@media screen and (max-width:1200px) and (min-width:992px) {
  .hdSwiper .swiper-slide{
    height: 37.5rem;
  }
}
@media screen and (max-width:992px) and (min-width:768px) {
  .hdSwiper .swiper-slide{
    height: 29.375rem;
  }
}
@media screen and (max-width:768px) and (min-width:576px) {
  .hdSwiper .swiper-slide{
    height: 20.625rem;
  }
}
@media screen and (max-width:576px) {
  .hdSwiper .swiper-slide{
    max-height: 18.75rem;
  }
}
.contentbox:hover{
  box-shadow: 3px 3px 6px rgb(50 117 196 / 15%);
  transform: translate3d(0, -2px, 0);
}
.contentlist .conli a{
  width: 100%;
}
.ztcatbox{
  width: 50px;
}
.ztlistbox{
  width: calc(100% - 125px);
}
.ztSwiper .swiper-slide span{
  line-height: 3rem;
  position: absolute;
  bottom: -0.25rem;
  left:0;
  width:100%;
  height: 3rem;
  font-size: 1.375rem;
  font-weight: 500; 
  text-align:center;
}
.ztSwiper .swiper-slide a{
  color: var(--gray-color);
}
.ztbutbox{
  width: 30px;
  position: relative;
}
.ztbutbox .swiper-button-next,
.ztbutbox .swiper-button-prev{
  color: var(--mid-gray-color);
  left: 0;
  right: 0;
}
.ztcatbox,
.ztbutbox,
.ztSwiper .swiper-slide{
  height: 190px;
}
@media screen and (max-width:576px) {
  .ztbutbox,
  .ztSwiper .swiper-slide{
    height: 180px;
  }
  .ztlistbox{
    width: calc(100% - 75px);
  }
  .ztSwiper .swiper-slide span{
    background: rgba(255, 255, 255, 0.6);
  }
}
.photolistbox{
  width: calc(100% - 90px);
}
.photolistbox .swiper-slide span{
  line-height: 3rem;
  position: absolute;
  bottom: 0;
  left:0;
  width:100%;
  height: 3rem;
  font-size: 1.375rem;
  font-weight: 500; 
  text-align:center;
}
.photolistbox .swiper-slide a{
  color: var(--gray-color);
}
.photobutbox{
  width: 30px;
  position: relative;
}
.photobutbox,
.photolistbox .swiper-slide{
  height: 220px;
}
@media screen and (min-width:1200px) and (max-width:1400px) {
  .photobutbox,
  .photolistbox .swiper-slide{
    height: 240px;
  }
}
@media screen and (min-width:576px) and (max-width:768px) {
  .photobutbox,
  .photolistbox .swiper-slide{
    height: 290px;
  }
}
@media screen and (max-width:576px) {
  .photobutbox,
  .photolistbox .swiper-slide{
    height: 180px;
  }
  .photolistbox .swiper-slide span{
    background: rgba(255, 255, 255, 0.6);
  }
}
.photobutbox .swiper-button-next,
.photobutbox .swiper-button-prev{
  color: var(--mid-gray-color);
  left: 0;
  right: 0;
}
@media screen and (min-width:1400px){
  .bigpiclist{
    height: 15.625rem;
    overflow: hidden;
  }
  .photoh{
    height: 11.875rem;
    overflow: hidden;
  }
  .bigphotoh{
    height: 24.75rem;
    overflow: hidden;
  }
}
@media screen and (min-width:1200px) and (max-width:1400px){
  .bigpiclist{
    height: 13.25rem;
    overflow: hidden;
  }
  .photoh{
    height: 10.3125rem;
    overflow: hidden;
  }
  .bigphotoh{
    height: 21.625rem;
    overflow: hidden;
  }
}
@media screen and (min-width:992px) and (max-width:1200px){
  .bigpiclist{
    height: 10.9375rem;
    overflow: hidden;
  }
  .photoh{
    height: 8.75rem;
    overflow: hidden;
  }
  .bigphotoh{
    height: 18.4375rem;
    overflow: hidden;
  }
}
@media screen and (min-width:768px) and (max-width:992px){
  .bigpiclist{
    height: 10.9375rem;
    overflow: hidden;
  }
  .photoh{
    height: 13.125rem;
    overflow: hidden;
  }
  .bigphotoh{
    height: 26.875rem;
    overflow: hidden;
  }
}
@media screen and (max-width:768px){
  .bigpiclist{
    height: 100%;
    overflow: hidden;
  }
  .photoh{
    height: 9.6875rem;
    overflow: hidden;
  }
}
@media screen and (min-width:1400px) {
  .contentbox #listiframe{
    height: 10.9375rem;
  }
}
@media screen and (min-width:1200px) and (max-width:1400px) {
  .contentbox #listiframe{
    height: 11.375rem;
  }
}
@media screen and (min-width:992px) and (max-width:1200px) {
  .contentbox #listiframe{
    height: 10.875rem;
  }
}
@media screen and (min-width:768px) and (max-width:992px) {
  .contentbox #listiframe{
    height: 10.9375rem;
  }
}
@media screen and (min-width:576px) and (max-width:768px) {
  .contentbox #listiframe{
    height: 10.625rem;
  }
}
@media screen and (max-width:576px) {
  .contentbox #listiframe{
    height: 10.625rem;
  }
}
@media screen and (min-width:1400px){
  #btiframe{
    height: 15.625rem;
    overflow: hidden;
  }
  .appvlist #btiframe{
    height: 16.625rem;
    overflow: hidden;
  }
  .newappvlist #btiframe{
    height: 15.625rem;
    overflow: hidden;
  }
}
@media screen and (min-width:1200px) and (max-width:1400px){
  #btiframe{
    height: 13.25rem;
    overflow: hidden;
  }
  .appvlist #btiframe{
    height: 14.375rem;
    overflow: hidden;
  }
}
@media screen and (min-width:768px) and (max-width:1200px){
  #btiframe{
    height: 10.9375rem;
    overflow: hidden;
  }
  .appvlist #btiframe{
    height: 12rem;
    overflow: hidden;
  }
}
@media screen and (min-width:576px) and (max-width:768px){
  #btiframe{
    height: 17.1875rem;
    overflow: hidden;
  }
}
@media screen and (max-width:576px){
  #btiframe{
    height: 13.125rem;
    overflow: hidden;
  }
  .appvlist #btiframe{
    height: 15.625rem;
    overflow: hidden;
  }
}
@media screen and (min-width:1200px) and (max-width:1400px){
  #xx .conli:nth-child(10){
    display:none;
  }
}
@media screen and (min-width:768px) and (max-width:1200px){
  #xx .conli:nth-child(9),
  #xx .conli:nth-child(10){
    display:none;
  }
}